<template>
  <div :class="[ ...classes ]" :style="styleses">{{weather}}</div>
</template>
<script>
import axios from "axios";

import titlemixins from "@/mixins/bigScreen/titlemixins";

export default {
  name: 'titleweatherbeijing',
  mixins: [titlemixins],
  components: {},
  props: {
    content: {
      default: () => {
        return {
          name: "郑州"
        };
      }
    }
  },
  data() {
    return {
      weather: "-"
    };
  },
  computed: {},
  watch: {
    "$store.state.daping.tianqi": {
      handler: function(n, o) {
        this.loadData(n)
      }
    }
  },
  mounted() {
    // this.loadData();
  },
  methods: {
    loadData(n) {
      /**
       * 
       * area: "北京"
date: "2020-10-21 11:00:00"
temperature: 15
weather: "晴"
wind_direction: "西北风"
wind_power: "4-5级 和风  8.0~10.7m/s"
       * 
       */
      this.weather = n.weather + n.wind_direction + n.temperature + '℃'
    }
  }
};
</script>
<style lang='scss' scoped>
</style>